<template>
  <el-form>
    <el-form-item label="参考电平">
      <el-input
        v-model="form.referenceLevel"
        type="number"
      >
        <template #append>
          <span class="pl-1 pr-1">dbm</span>
        </template>
      </el-input>
    </el-form-item>
    <el-form-item class="mt-3">
      <el-checkbox-group v-model="form.spanChecked">
        <el-checkbox
          v-for="item in spanItems"
          :key="item.value"
          v-model="item.value"
          border
          :label="item.label"
        />
      </el-checkbox-group>
    </el-form-item>
  </el-form>
</template>
<script setup>
  const form = ref({
    referenceLevel: -20,
    spanChecked: []
  })
  const spanItems = [
    {label: '瀑布图', value: 0},
    {label: 'CCDF图', value: 1},
    {label: 'IQ时间图', value: 2},
    {label: 'IQ极坐标', value: 3},
    {label: '时域总览', value: 4},
    {label: '频谱绘制', value: 5},
  ]
</script>

<style scoped lang="scss">
.el-checkbox {
  width: 120px;
  margin: 4px;
}
</style>